<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8"/></meta>
<title>项目二</title>

<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<div id="Nav">

<div id="Header">
<div id="Container">
<ul>
  <li><a  href="index.html">主页</a></li>
  <li><a href="http://www.vip.com/">唯品会</a></li>
  <li>
  <li><a href="https://weibo.com/">微博</a></li>
  </li>
  <li><a href="contact.html">娱乐</a></li>
  <li><a href="about.html">关于</a></li>
  </ul>

   <div id="Login">
   <ul>
<li><a href="login.html">登录</a></li>
<li><a href="rgister.html">注册</a></li>
</ul>
</div>
</ul>


<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
	<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>


<body>

</div>

<div id="PageBody">香水</div>

<div id="MainBody">蜡烛</div>

<div id="SideBar">开心</div>
<div id="Footer">JOMaLoneLondon
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>  
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="images/img_1.jpg">
		</div>
		<div class="item">
			<img src="images/img_2.jpg">
		</div>
		<div class="item">
			<img src="images/img_3.jpg">
		</div>
	
</div>
</body>

</html>